header{
    width: 10rem;
    height: 2.0533rem;
    /* background: #333; */
    opacity: 1;
    /* 上下两部分flex垂直布局 */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* outline: 1px solid red; */
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
}
.header_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px;
}
.header_top>img{
    width: 2.4267rem;
    height: .3733rem;
}
.header_time{
    display: inline-block;
    height: .3733rem;
    font-size: 2px;
    font-family: Source Han Sans CN;
}
.ht_right{
    width: 1.7333rem;
    height: .4267rem;
}
.ht_right>img:nth-of-type(1){
    width: .2013rem;
    height: .3472rem;
}
.ht_right>img:nth-of-type(2){
    width: .5333rem;
    height: .3733rem;
}
.ht_right>img:nth-of-type(3){
    width: .6667rem;
    height: .28rem;
}
.header_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px .36rem;
}
.hb_left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    width: 1.6rem;
    height: .6133rem;
}
.hb_left>img{
    width: .3096rem;
    height: .5067rem;
}
.title{
    display: flex;
    align-items: center;
    /* width: .92rem; */
    height: .6133rem;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 23px;
    color: #333;
    letter-spacing:2px;
    opacity: 1;
}
.hb_right{
    width: 2.4267rem;
    height: .7867rem;
}
.hb_right>img{
    width: 2.4267rem;
    height: .7867rem;
    color: #fff;
}